.main-color-picker-container{margin:15px}.main-color-picker-row{margin-bottom:4px;white-space:nowrap}.main-color-picker-box{display:inline-block;width:19px;height:19px;margin-right:4px;box-sizing:border-box;border-radius:2px;vertical-align:middle}.main-color-picker-box:hover,.main-color-picker-box-selected{border:2px solid #000 !important;-webkit-box-shadow:inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 2px #fff}.main-color-picker-box:last-child{margin-right:0}.main-color-picker-box-white{border:1px solid rgba(150,150,150,0.18)}.main-color-picker-actions{display:-webkit-box;display:-ms-flexbox;display:flex;margin:15px 0 0 0;height:32px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:13px;color:#a8adb4}.main-color-picker-preview{width:99px;height:30px;background:#10e5fc;border:1px solid rgba(82,92,105,0.12);border-radius:var(--ui-border-radius-2xs,1px);margin-right:15px}.main-color-picker-custom{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.main-color-picker-single-action .main-color-picker-custom,.main-color-picker-edit-mode .main-color-picker-custom{text-align:right}.main-color-picker-default{margin-left:15px}.main-color-picker-single-action .main-color-picker-default{margin-left:15px;flex:1;text-align:right}.main-color-picker-custom-action,.main-color-picker-default-action{border-bottom:1px dashed rgba(168,173,180,0.5);color:#828b95;cursor:pointer;vertical-align:middle;line-height:32px;white-space:nowrap}.main-color-picker-custom-action:hover,.main-color-picker-default-action:hover{border-bottom:1px dashed}.main-color-picker-edit-mode .main-color-picker-custom-action,.main-color-picker-edit-mode .main-color-picker-default{display:none}.main-color-picker-custom-form{display:none}.main-color-picker-edit-mode .main-color-picker-custom-form{display:inline-block}.main-color-picker-custom-label{display:inline-block;vertical-align:middle;margin-right:10px}.main-color-picker-custom-textbox{display:inline-block;height:32px;vertical-align:middle;border:1px solid rgba(198,205,211,0.98);box-sizing:border-box;border-radius:var(--ui-field-border-radius,2px);padding:0 6px 0 20px;position:relative}.main-color-picker-custom-textbox:before{display:block;position:absolute;left:6px;top:0;content:"#";font-size:15px;height:100%;line-height:30px}.main-color-picker-custom-textbox-error{border-color:red}.main-color-picker-custom-input{width:78px;margin-top:5px;padding:0;font-size:15px;border:0;box-sizing:border-box;vertical-align:middle;background:#fff;color:#000}.main-color-picker-custom-button{display:inline-block;width:24px;height:24px;vertical-align:middle;	background-image: url(); border-radius:100%;margin-left:5px;cursor:pointer}